<template>
	<div>
		<el-dialog title="查看详情" width="800px" @open="open" class="icon-dialog" :visible.sync="show" :before-close="closeForm" append-to-body>
			<table class="table table-bordered" align="center" width="100%" style="word-break:break-all; margin-bottom:50px;  font-size:13px;">
				<tbody>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_id')}}：</td>
						<td>
							{{form.id}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_name')}}：</td>
						<td>
							{{form.name}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_stamp')}}：</td>
						<td>
							{{form.stamp}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_stamp_cost')}}：</td>
						<td>
							{{form.stamp_cost}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_change')}}：</td>
						<td>
							{{form.change}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_change_cost')}}：</td>
						<td>
							{{form.change_cost}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_sell')}}：</td>
						<td>
							{{form.sell}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_buy')}}：</td>
						<td>
							{{form.buy}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_commission_cost')}}：</td>
						<td>
							{{form.commission_cost}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_quota')}}：</td>
						<td>
							{{form.quota}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_plus_fee')}}：</td>
						<td>
							{{form.plus_fee}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_with_min')}}：</td>
						<td>
							{{form.with_min}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_with_max')}}：</td>
						<td>
							{{form.with_max}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_with_fee')}}：</td>
						<td>
							{{form.with_fee}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_with_fee_min')}}：</td>
						<td>
							{{form.with_fee_min}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_recharge_fee')}}：</td>
						<td>
							{{form.recharge_fee}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_recharge_fee_min')}}：</td>
						<td>
							{{form.recharge_fee_min}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_min_capital')}}：</td>
						<td>
							{{form.min_capital}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_min_bond')}}：</td>
						<td>
							{{form.min_bond}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_extra_fee1')}}：</td>
						<td>
							{{form.extra_fee1}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_extra_fee2')}}：</td>
						<td>
							{{form.extra_fee2}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_extra_fee3')}}：</td>
						<td>
							{{form.extra_fee3}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_manage_fee_cupon_ratio')}}：</td>
						<td>
							{{form.manage_fee_cupon_ratio}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_profit_divide_ratio')}}：</td>
						<td>
							{{form.profit_divide_ratio}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_capital_interest_day_per')}}：</td>
						<td>
							{{form.capital_interest_day_per}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_capital_interest_week_per')}}：</td>
						<td>
							{{form.capital_interest_week_per}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_capital_interest_month_per')}}：</td>
						<td>
							{{form.capital_interest_month_per}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_capital_interest_free_per')}}：</td>
						<td>
							{{form.capital_interest_free_per}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_capital_interest_vip_per')}}：</td>
						<td>
							{{form.capital_interest_vip_per}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_status')}}：</td>
						<td>
							<span v-if="form.status == '1'">开启</span>
							<span v-if="form.status == '0'">关闭</span>
						</td>
				</tr>
				<tr>
						<td class="title" width="100">{{$t('field.CoreSet_popup_content_1')}}：</td>
						<td>
							<div v-html="form.popup_content_1"></div>
						</td>
				</tr>
				<tr>
						<td class="title" width="100">{{$t('field.CoreSet_popup_content_2')}}：</td>
						<td>
							{{form.popup_content_2}}
						</td>
				 </tr>
				<tr>
						<td class="title" width="100">{{$t('field.CoreSet_popup_status')}}：</td>
						<td>
							<span v-if="form.popup_status == '1'">是</span>
							<span v-if="form.popup_status == '0'">否</span>
						</td>
				</tr>
				<tr>
						<td class="title" width="100">{{$t('field.CoreSet_other_parameters')}}：</td>
						<td>
							{{form.other_parameters_table}}
						</td>
				 </tr> 
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_create_time')}}：</td>
						<td>
							{{form.create_time}}
						</td>
				 </tr>
				 <tr>
						<td class="title" width="100">{{$t('field.CoreSet_update_time')}}：</td>
						<td>
							{{form.update_time}}
						</td>
				 </tr>
				</tbody>
			</table>
		</el-dialog>
	</div>
</template>
<script>
import { detail  } from '@/api/app/coreset'
export default {
	name:'coreSetdetail',
	props: {
		show: {
			type: Boolean,
			default: true
		},
		size: {
			type: String,
			default: 'mini'
		},
		info: {
			type: Object,
		},
	},
	data() {
		return {
			form:{
			},
		}
	},
	watch:{
		show(val){
			if(val){
			}
		}
	},
	methods: {
		open(){
			detail(this.info).then(res => {
				this.form = res.data
			})
		},
		closeForm(){
			this.$emit('update:show', false)
		}
	}
}
</script>
<style  lang="scss">
@import '@/assets/scss/common.scss'
</style>
